{include file="common/head"/}

<script>
    $(".Tmuen1 .Tmdiv ul li").mouseover(function(){//鼠标进入
        var liw=$(this).outerWidth();
        var left=(200-liw)/2;
        $(this).children(".sjdhmuen").css({
            'display':'block',
            'left':'-'+left+'px'
        })

    });
    $(".Tmuen1 .Tmdiv ul li").mouseleave(function(){//鼠标离开
        $(this).children(".sjdhmuen").css('display','none');
    });

    $(".Tmuen2 .Tmdiv ul li").mouseover(function(){//鼠标进入
        var index = $(".Tmuen2 .Tmdiv ul li").index(this);
        $(".Tmuen2 .Tmdiv ul li").removeClass("onli");
        $(".Tmuen2 .Tmdiv ul li:eq("+index+")").addClass("onli");
        $(".sjmuen2").hide();
        $(".sjmuen2:eq("+index+")").show();
    });
    $(".Tmuen2 .Tmdiv ul li").mouseleave(function(){//鼠标离开

    });
</script>
<div class="HomeSearch">

    <p class="sx width1300">✖</p>
    <form action="#" accept-charset="UTF-8" id="swc-search-form" name="swc-search-form" method="get">

        <input type="search" name="query" id="swc-search-phrase" placeholder="Search" value="" tabindex="2" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="focus">
        <button value="Submit" type="submit" id="swc-search-button" tabindex="3">
            Go
        </button>

    </form>
</div>
<div style="background-image: url(__HOME__/images/img/banner.jpg)" class="topbanner">

</div>
<div class="ico5">
    <div class="ico1300">
        <ul>

            <li class="hi-icon-wrap hi-icon-effect-6">
                <a style="background-image: url(__HOME__/images/img/1.png)" href="#set-6" class="hi-icon hi-icon-cog"></a>
                <p>Support Center</p>
            </li>
            <li class="hi-icon-wrap hi-icon-effect-7 hi-icon-effect-7b">
                <a style="background-image: url(__HOME__/images/img/2.png)" href="#set-7" class="hi-icon hi-icon-location"></a>
                <p>Firmware Status</p>
            </li>
            <li class="hi-icon-wrap hi-icon-effect-8">
                <a style="background-image: url(__HOME__/images/img/3.png)" href="#set-8" class="hi-icon hi-icon-archive"></a>
                <p>Patent Center</p>
            </li>
            <li class="hi-icon-wrap hi-icon-effect-4 hi-icon-effect-4b">
                <a style="background-image: url(__HOME__/images/img/4.png)" href="#set-4" class="hi-icon hi-icon-archive4">Archive</a>
                <p>Company News</p>
            </li>
            <li class="hi-icon-wrap hi-icon-effect-3 hi-icon-effect-3a">
                <a style="background-image: url(__HOME__/images/img/5.png)" href="#set-3" class="hi-icon hi-icon-images"></a>
                <p>Subscribe</p>
            </li>
        </ul>
    </div>
</div>
<div class="lunbo width100">
    <div class="banner">
        <ul class="">
            <li>
                <div class="lunboinfo">
                    <div class="lbiftop animated fadeInDown">
                        <span>IN FOCUS</span>
                        <p>Discover Top Trends in Apex</p>
                    </div>
                    <div class="lbifproduct">
                        <div class="lbifproduct1 animated bounceInLeft">
                            <img src="__HOME__/images/img/Printer.png" alt="">
                        </div>
                        <div class="lbifproduct2 animated bounceInRight">
                            <p class="p1">Replacemnt Chips for Can CRG 045/046 Series Cartridge</p>
                            <p class="p2">· SoC design with consistent performance</p>
                            <p class="p2">· Easy to install in recycled cartridges</p>
                            <a href=""><p class="p3"><span>Learn more</span></p></a>
                        </div>
                    </div>
                </div>
            </li>
            <li> <div class="lunboinfo">
                <div class="lbiftop animated fadeInDown">
                    <span>IN FOCUS</span>
                    <p>Discover Top Trends in Apex</p>
                </div>
                <div class="lbifproduct">
                    <div class="lbifproduct1 animated bounceInLeft">
                        <img src="__HOME__/images/img/Printer.png" alt="">
                    </div>
                    <div class="lbifproduct2 animated bounceInRight">
                        <p class="p1">Replacemnt Chips for Can CRG 045/046 Series Cartridge</p>
                        <p class="p2">· SoC design with consistent performance</p>
                        <p class="p2">· Easy to install in recycled cartridges</p>
                        <a href=""><p class="p3"><span>Learn more</span></p></a>
                    </div>
                </div>
            </div>
            </li>
            <li>
                <div class="lunboinfo">
                    <div class="lbiftop animated fadeInDown">
                        <span>IN FOCUS</span>
                        <p>Discover Top Trends in Apex</p>
                    </div>
                    <div class="lbifproduct">
                        <div class="lbifproduct1 animated bounceInLeft">
                            <img src="__HOME__/images/img/Printer.png" alt="">
                        </div>
                        <div class="lbifproduct2 animated bounceInRight">
                            <p class="p1">Replacemnt Chips for Can CRG 045/046 Series Cartridge</p>
                            <p class="p2">· SoC design with consistent performance</p>
                            <p class="p2">· Easy to install in recycled cartridges</p>
                            <a href=""><p class="p3"><span>Learn more</span></p></a>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="lunboinfo">
                    <div class="lbiftop animated fadeInDown">
                        <span>IN FOCUS</span>
                        <p>Discover Top Trends in Apex</p>
                    </div>
                    <div class="lbifproduct">
                        <div class="lbifproduct1 animated bounceInLeft">
                            <img src="__HOME__/images/img/Printer.png" alt="">
                        </div>
                        <div class="lbifproduct2 animated bounceInRight">
                            <p class="p1">Replacemnt Chips for Can CRG 045/046 Series Cartridge</p>
                            <p class="p2">· SoC design with consistent performance</p>
                            <p class="p2">· Easy to install in recycled cartridges</p>
                            <a href=""><p class="p3"><span>Learn more</span></p></a>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
        <div class="left-btn"></div>
        <div class="right-btn"></div>

    </div>
    <script src="__HOME__/js/js/bannerList.js"></script>
    <script>
        /*=======================
调用方法：
 传递参数方法如下：
 对象1：banner最大容器====================必填
 对象2：banner======>按钮父容器============必填
 对象3，4：banner====>左右按钮对象名===========必填
 对象5：banner滚动时间==================>可选项=======>默认为2000
 对象6：是否需要自动轮播需要==========true============不需要false:必填
=============================*/


        bannerListFn(
            $(".banner"),
            $(".img-btn-list"),
            $(".left-btn"),
            $(".right-btn"),
            10000,
            false
        );
    </script>
</div>
<div class="width100">
    <div class="produsttable width1300">
        <div class="lbiftop animated fadeInDown">
            <span>LATEST PRODUCT SOLUTIONS</span>
            <p>seize the Market Opportunities</p>
        </div>



        <div class="htmleaf-container">

            <div id="container">
                <!--Horizontal Tab-->
                <div id="parentHorizontalTab">
                    <ul class="resp-tabs-list hor_1">
                        <li class="tl1">INK CARTRIDGE CHIPS</li>
                        <li class="tl2">LASER CARTRDGE CHIPS</li>
                    </ul>
                    <div class="resp-tabs-container hor_1">
                        <div>
                            <p>
                                <!--vertical Tabs-->

                                <div class="news">
                                    <ul>
                                        <li>
                                            <a href="#" style=" border-top: 1px solid #e7e3db;">
                            <p>5 JULY 2017</p>
                            <span>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh</span>
                            </a>
                            <div class="rig animated fadeInRight newimg1">
                                <img src="__HOME__/images/img/product.png" alt="">
                            </div>
                            </li>
                            <li>
                                <a href="#">
                                    <p>5 JULY 2017</p>
                                    <span>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh</span>
                                </a>
                                <div class="rig animated fadeInRight" >
                                    <img src="__HOME__/images/img/product2.png" alt="">
                                </div>
                            </li>
                            <li>
                                <a href="#">
                                    <p>5 JULY 2017</p>
                                    <span>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh</span>
                                </a>
                                <div class="rig animated fadeInRight">
                                    <img src="__HOME__/images/img/product3.png" alt="">
                                </div>
                            </li>
                            </ul>
                        </div>
                        </p>
                    </div>
                    <div>
                        <p>
                            <!--vertical Tabs-->

                            <div id="ChildVerticalTab_2">
                                <div class="news">
                                    <ul>
                                        <li>
                                            <a href="#" style=" border-top: 1px solid #e7e3db;">
                        <p>5 JULY 2017</p>
                        <span>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh</span>
                        </a>
                        <div class="rig animated fadeInRight newimg1">
                            <img src="__HOME__/images/img/product4.png" alt="">
                        </div>
                        </li>
                        <li>
                            <a href="#">
                                <p>5 JULY 2017</p>
                                <span>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh</span>
                            </a>
                            <div class="rig animated fadeInRight" >
                                <img src="__HOME__/images/img/product4.png" alt="">
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <p>5 JULY 2017</p>
                                <span>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh</span>
                            </a>
                            <div class="rig animated fadeInRight">
                                <img src="__HOME__/images/img/product4.png" alt="">
                            </div>
                        </li>
                        </ul>
                    </div>
                </div>
                </p>
            </div>
        </div>
    </div>
</div>
</div>
<!--Plug-in Initialisation-->
<script type="text/javascript">

    $('.news ul li').mouseover(function(){

        $(".news ul li .rig").css({
            'display':'none'
        })
        $(this).children(".rig").css({
            'display':'block'
        })
    }).mouseout(function(){

    });

</script>
<script type="text/javascript">
    $(document).ready(function() {
        //Horizontal Tab
        $('#parentHorizontalTab').easyResponsiveTabs({
            type: 'default', //Types: default, vertical, accordion
            width: 'auto', //auto or any width like 600px
            fit: true, // 100% fit in a container
            tabidentify: 'hor_1', // The tab groups identifier
            activate: function(event) { // Callback function if tab is switched
                var $tab = $(this);
                var $info = $('.news');
                var $name = $('span', $info);
                var tl = $(this).attr("class");
                var claname = tl.substr(0, 3);
                $(".hor_1 .newimg1").css({
                    'display':'block'
                })


                $name.text($tab.text());
                $info.show();
            }
        });

        // Child Tab
        $('#ChildVerticalTab_1').easyResponsiveTabs({
            type: 'vertical',
            width: 'auto',
            fit: true,
            tabidentify: 'ver_1', // The tab groups identifier
            activetab_bg: '#fff', // background color for active tabs in this group
            inactive_bg: '#fff', // background color for inactive tabs in this group
            active_border_color: '#D8D8D8', // border color for active tabs heads in this group
            active_content_border_color: '#D8D8D8'
        });
        $('#ChildVerticalTab_2').easyResponsiveTabs({
            type: 'vertical',
            width: 'auto',
            fit: true,
            tabidentify: 'ver_1', // The tab groups identifier
            activetab_bg: '#fff', // background color for active tabs in this group
            inactive_bg: '#fff', // background color for inactive tabs in this group
            active_border_color: '#D8D8D8', // border color for active tabs heads in this group
            active_content_border_color: '#D8D8D8'
        });
    });
</script>
</div>
</div>
<div class="width100">
    <div class="Twohover width1300">
        <div class="Twohover1">
            <div class="Twoenlarge">
                <img src="__HOME__/images/img/UNISMART.png" alt="">
            </div>
            <div class="Twohoverdiv">
                <div class="hovertitle">UNISMART</div>
                <p>Eco-Friendly. Efficient. Economical.</p>
                <span>
               Unismart effectively reduces waste of single use chips and encourages people to choose environmentally friendly cartridges.
               </span>
            </div>
        </div>
        <div class="Twohover2">
            <div class="Twoenlarge">
                <img src="__HOME__/images/img/NFC.png" alt="">
            </div>
            <div class="Twohoverdiv">
                <div class="hovertitle">NCF SOLUTION</div>
                <p>Tap into the world.</p>
                <span>
               Apex NFC chips are a brand new technology for using an NFC embedded card and other applications.
               </span>
            </div>
        </div>
    </div>
</div>
<div class="width100 DownloadApp">
    <div class="appbg">
        <div class="width1300">
            <div class="appbgleft">
                <img src="__HOME__/images/img/iPhone.png" alt="">
            </div>
            <div class="appbgright">
                <p>The Must-have App for</p>
                <p>the Printer Consumable Market</p>
                <div class="apdow">
                    <img src="__HOME__/images/img/appstore.png" alt="">
                    <span>Download on the</span>
                    <p>App Store</p>
                </div>
                <div class="apdow">
                    <img src="__HOME__/images/img/googleplay.png" alt="">
                    <span>GET IT NO</span>
                    <p>Google Play</p>
                </div>


            </div>
        </div>
    </div>
    <div class="width1300">
        <img class="apptitleimg" src="__HOME__/images/img/apptitle.png" alt="">
        <div class="apptitle">
            As an aftermarket industry innovator and a leader among cartridge chip design companies, we look for ways to apply our technology to address industrial challenges while serving as a role model for how chip design companies should prepare for any technological hurdles.
            <p><a href="">Find details about Apex research and development </a><i class="jiantou"></i></p>
        </div>

    </div>
</div>
<div class="width100 whats" style="background-image: url(__HOME__/images/img/whatbg.png)">
    <p>What's New in Apex</p>
    <div class="whatsleft">
        <div class="whatstle">
            Find out the latest information and report from Apex. We’d here pushing the aftermarket forward.
        </div>
        <div class="whatsbut">Learn more&nbsp&nbsp&nbsp</div>
    </div>

    <div class="whatsright">
        <div class="whatstle">
            Our latest event around the world always waits for your visit. Let’s work together and seize the opportunities.
        </div>
        <div class="whatsbut whatsbutno">Learn more&nbsp&nbsp&nbsp</div>
    </div>
    <div class="whatshu"></div>
</div>
<div class="width100">
    <div class="contact width1300">
        <img src="__HOME__/images/img/xinfeng.png" alt="">
        <div class="contacttle">
            <p>CONTACT US</p>
            <span>Take Your Business to the Next Level.Connect with an inquiry to get started with the right solution for you.Fill out a short form and we'll get right back to you.</span>
        </div>
        <div class="contactbut">
            Provide Info&nbsp&nbsp&nbsp
        </div>
    </div>
</div>
<div style="background-image: url(__HOME__/images/img/Updates.png)" class="width100 Updates">
    <div class="Updates1200">
        <span>GET UPDATES</span>
        <input class="Updatesemail" type="text" placeholder="Enter your E-mail">
        <button class="Updatessub" type="submit">Subsribe Now</button>
    </div>
</div>
{include file="common/footer"/}